const enterpriseVue = new Vue({
    el: '#app',
    data() {
      return {
        pickerOptions: pickerOptions,
        rules: {
          Brand_Name: [{
            required: true,
            message: '请输入品牌名称', 
            trigger: 'blur',
          }]
        },
        form: { 
          Other_Service_Type_SerialNumber:'',
          Other_Service_Type_Name:'',
          Picture_URL:'',
          Other_Service_Explain:''
        },
        pic:'', 
        loading: false 
      }
    },
    mounted() {
      const Other_Service_Type_SerialNumber = sessionStorage.getItem("Other_Service_Type_SerialNumber")
      this.getData(Other_Service_Type_SerialNumber) 
      this.getOriginal(Other_Service_Type_SerialNumber)
    },
    methods: {
       // 调原值
    getOriginal(Primary_Key){
      console.log('获取原值')
      const _this = this
      $.ajax({
        url: DomainName + `/getInquiryIDOriginal?token=${$.cookie('token')}`,
        type: 'POST',
        data: {
          Data: 'other_service_type',
          Primary_Key,
          Primary_Key_Name:'Other_Service_Type_SerialNumber',
          isNullEnterprise: true
        },
        success: function (res) {
          console.log('获取的原值数据',res);
          // _this.value=res[0].Province
          _this.form = res[0]
        },
      }) 
    },
      getData(Primary_Key) { 
        const _this = this
        $.ajax({
          url: DomainName + `/getInquiryIDOriginal?token=${$.cookie('token')}`,
          type: 'POST',
          data: { Data: 'other_service_type',
          Primary_Key,
          Primary_Key_Name:'Other_Service_Type_SerialNumber',
          isNullEnterprise: true
         },
          success: function (res) {
            console.log('根据品牌流水获取结果', res)
            _this.form = res[0]
          },
          complete: function (XMLHttpRequest) {
            _this.loading = false
            if (XMLHttpRequest.getResponseHeader("REDIRECT") == "REDIRECT") {
              window.parent.document.location.href = "../../../" + XMLHttpRequest.getResponseHeader("CONTENTPATH");
            }
          }
        })
      },
      submitForm(formName) {
        let _this = this
        this.$refs[formName].validate((valid) => {
          if (valid) {
            const { add, modify } = _this.deal()
            let data = {}
            if (add == null) {
              data = { Data: JSON.stringify({ Modify: { other_service_type: [modify] } }) }
            } else {
              data = {
                Data: JSON.stringify(
                  {
                    Modify: { other_service_type: [modify] }, 
                    Add: { other_service_type: [add] }
                  }
                )
              }
            }
            _this.loading = true
            $.ajax({
              url: DomainName + '/getEditAction?token='+$.cookie('token'),
              type: 'POST',
              data,
              success: function (res) {
                console.log('提交结果', res)
                _this.$message.success("提交成功")
                window.history.go(-1);
              },
              error: function () {
                _this.$message.error("操作失败，请稍后再试")
              },
              complete: function (XMLHttpRequest) {
                _this.loading = false
                if (XMLHttpRequest.getResponseHeader("REDIRECT") == "REDIRECT") {
                  window.parent.document.location.href = "../../../" + XMLHttpRequest.getResponseHeader("CONTENTPATH");
                }
              }
            })
          } else {
            console.log("error submit!!");
            return false;
          }
        });
      },
      deal() {
        const modify = deepClone(this.form)
        return { add: null, modify };
      },
      resetForm(formName) {
        this.$refs[formName].resetFields();
      },
        //商品封面图片
    uploadFront(file) {
      console.log('上传第一张图片')
      let _this = this
      let num = 1
      new Compressor(file, {
        quality: num,
        success(file) {
          console.log(file.size)
          const formData = new FormData();
          formData.append('file', file, file.name);
          let oFileReader = new FileReader();
          oFileReader.readAsDataURL(file);
          oFileReader.onload = function (e) {
            $.ajax({
              type: 'POST',
              url: DomainName + '/FileList',
              data: {
                Data: e.target.result,
                DataLength: file.size,
                FileName: file.name
              },
              complete: function (XMLHttpRequest) {
                _this.loading = false
                if (XMLHttpRequest.getResponseHeader("REDIRECT") == "REDIRECT") {
                  window.parent.document.location.href = "../../../" + XMLHttpRequest.getResponseHeader("CONTENTPATH");
                }
              },
              success: function (Result) {
                _this.pic = e.target.result
                if (Result.Status == "success") {
                  _this.form.Picture_URL = Result.Picture_Url
                  _this.$message.success('上传成功')
                  console.log(Result.Picture_Url);
                } else {
                  _this.$message.error('上传失败')
                }
              },
              error: function () {
                _this.$message.error("操作失败，请稍后再试")
              },
              dataType: "json"
            });
          }
        },
        error(err) {
          console.log(err.message);
        },
      });
    },
    handleRemove(id){
      if(id=='1'){
        this.form.Picture_URL = '';
      }else{
        this.form.Details_URL = '';
      }
    },
    handlePictureCardPreview(url){
      this.dialogVisible = true
      this.dialogImageUrl = url
    },
    }
  })